<template>
  <div id="points">
    <money-jf
      headerTitle="我的积分"
      title="当前积分"
      shuomin="积分说明"
      currentNum="0"
      dw="分"
      subText="积分兑换商品"
      detailPath="/points/detail"
    ></money-jf>

    <div class="points-content">
      <p class="content-title">最近30天积分记录</p>
      <div class="content-none" v-if="isListNone">
        <img src="../../../static/images/no-log.png" alt="" class="img-no" />
        <p>最近30天无积分记录</p>
        <p>快去下单赚取大量积分吧</p>
      </div>
    </div>
    <div>
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
import MoneyJf from "../../components/common/moneyJf";
export default {
  data() {
    return {
      isListNone: true,
    };
  },
  components: { MoneyJf },
};
</script>

<style lang="scss" scoped>
@import "../../style/mixin";
#points {
  @include wh(100%, 100%);
}
.content-title {
  @include sc(0.6rem, #999999);
  @include wh(100%, 1.8rem);
  line-height: 1.8rem;
  padding-left: 0.5rem;
}
.content-none {
  margin-top: 2.2rem;
  text-align: center;
  .img-no {
    @include wh(8rem, 5rem);
    vertical-align: middle;
  }
  p {
    @include sc(0.75rem, #666666);
    margin-top: 0.5rem;
  }
  p:last-child {
    @include sc(0.6rem, #999999);
  }
}
</style>
